<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="Tipcss/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JCP 提示框</title>
<!-- 戴布斯：添加jquery -->
<script type="text/javascript" src="Tipjs/jquery-2.0.3.js"></script>
</head>
<body>
	<div>
		<h1>${ti}<br />
			<h1 id="h1"></h1><!-- 剩余普通车位:${car} -->
		</h1>
		<br />
		<div />
		<div width="300px" height="196px" background="blue" z-index="100"
			position="relative" align="center">
			<!-- <h2>这是用来放摄像头的<h2/> -->
			<!-- 戴布斯：这是车牌识别摄像头 -->
			<div class="dialog-inner" >

				<div id="media">
					<h2 style="color:red">JCP车牌识别</h2>
					<video id="video" width="300" height="100%" autoplay></video>
					<br />
					<canvas id="canvas" name="canvasvideo" width="530" height="300"
						hidden="hidden"></canvas>
					<!-- 摄像头画面的js -->
					<script src="Tipjs/tipvideo.js"></script>
				</div>
				<br /> <br />
				<div>
					<!-- 戴布斯：添加onclick="openCamera()" -->
					<!-- <input type="button" value="打开摄像头" onclick="openCamera()"> -->
					<button class="action" data-dialog-close onclick="takePhoto()" style="background-color:red;border:0px">识别</button>
				</div>
			</div>
			<br />
			<video id="video" width="300px" height="196px" autoplay color="blue"></video>
			<div />
			<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
			<script type="text/javascript">
			$.ajax({
				type : "post",
				url : "SelectByCheWei",
				dataType : "text",
				success : function(json) {
					console.log(json)
					$("#h1").text("剩余普通车位:"+json);
				}
			});
			</script>
</body>
</html>